<template>
  <UploadExcel :on-success="upload" />
</template>

<script>
import { importEmployee } from '@/api/employees'
export default {
  methods: {
    async upload(data) {
      // 这里再excel数据传入成功后执行
      // data: 得到一个对象，两个属性 header/results，两个都是数组
      console.log(data.results)
      // 准备字典
      const dict = {
        '入职日期': 'timeOfEntry',
        '手机号': 'mobile',
        '姓名': 'username',
        '转正日期': 'correctionTime',
        '工号': 'workNumber',
        '部门': 'departmentName',
        '聘用形式': 'formOfEmployment'
      }

      // data.results是一个数组，里面包裹着多个用户
      const userData = data.results.map(user => {
        return this.translate(user, dict)
        // 返回的是一个加工过的对象，userData是一个数组
      })
      console.log(userData)
      // 数据加工完毕，发送请求
      await importEmployee(userData)
      // 提示消息
      this.$message.success('上传成功')
      // 跳回到之前的上传页面
      this.$router.back()
    },
    // 把中文key转换成英文key处理函数
    translate(user, dict) {
      // 新建一个新的对象，用来存放key转换成英文之后的数据
      const newUser = {}

      // user 是一个对象，我们需要遍历这个对象，取出其中的key，转换成dict里面的值
      // dict的key与user中的key是相同的，所以我们遍历user中的key的时候，就可以遍历dict中的key，因为是相同的
      // dict[key]得到的就是中文对应的英文，value[key]对应的就是就是值
      for (const key in user) {
        const enKey = dict[key]
        const value = user[key]
        if (enKey === 'timeOfEntry' || enKey === 'correctionTime') {
          newUser[enKey] = new Date(this.formatDate(value, '/'))
          // console.log(2222222)
        } else {
          newUser[enKey] = value
        }
      }
      // console.log(newUser)
      return newUser
    },
    formatDate(numb, format) {
      const time = new Date((numb - 1) * 24 * 3600000 + 1)
      time.setYear(time.getFullYear() - 70)
      const year = time.getFullYear() + ''
      const month = time.getMonth() + 1 + ''
      const date = time.getDate() - 1 + ''
      if (format && format.length === 1) {
        return year + format + month + format + date
      }
      return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)
    }

  }
}
</script>

<style>

</style>
